<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <title>wasm-pack</title>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css" rel="stylesheet">
  <link rel="stylesheet" href="../public/custom.css"/>
  <style>
    .instructions {
      padding: 100px;
      border: 1px solid #eee;
    }
    .winlink {
      display: block;
    }
  </style>
  <link rel="apple-touch-icon" sizes="180x180" href="../apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
  <link rel="manifest" href="../site.webmanifest">
  <link rel="mask-icon" href="../safari-pinned-tab.svg" color="#5bbad5">
  <meta name="msapplication-TileColor" content="#00aba9">
  <meta name="theme-color" content="#ffffff">
</head>
<body>
  <nav class="navbar">
    <div class="container">
      <ul class="navbar-list">
        <li class="navbar-logo">
          <a href="/wasm-pack">
            <img src="../public/img/rustwasm.png">
          </a>
        </a>
        <li class="navbar-item">
          <a href="https://github.com/rustwasm/wasm-pack/issues/new/choose">File an Issue</a>
        </li>
        <li class="navbar-item">
          <a href="/wasm-pack/book">Documentation</a>
        </li>
        <li class="navbar-item">
          <a href="/wasm-pack/installer">Install</a>
        </li>
      </ul>
    </div>
  </nav>
  <section id="installer">
    <img src="../public/img/wasm-ferris.png">
    <h1>Install <code>wasm-pack</code></h1>
    <div class="container">
      <div id="platform-instructions-unix" style="display: none;">
        <div class="curl">
          <code>curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh</code>
          <p>
            You appear to be running a *nix system (Unix, Linux, MacOS). If not,
            <a class="default-platform-button" href="#">display all supported installers</a>.
          </p>
        </div>
      </div>

      <div id="platform-instructions-win64" class="instructions" style="display: none;">
        <p>
          You appear to be running Windows 64-bit, download and run
          <a class='winlink' href="https://github.com/rustwasm/wasm-pack/releases/download/$VERSION/wasm-pack-init.exe">wasm-pack-init.exe</a>
          then follow the onscreen instructions.
        </p>
        <hr/>
        <p>
          If you're a Windows Subsystem for Linux user run the following in your
          terminal, then follow the onscreen instructions to install wasm-pack.
        </p>
        <code>curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh</code>
        <hr/>
        <p>
          You appear to be running Windows 64-bit. If not,
          <a class="default-platform-button" href="#">
            display all supported installers
          </a>.
        </p>
      </div>

      <div id="platform-instructions-unknown" class="instructions" style="display: none;">
        <p>I don't recognize your platform.</p>
        <p>
          We would appreciate it if you
          <a href="https://github.com/rustwasm/wasm-pack/issues/new">reported an issue</a>,
          along with the following values:
        </p>
        <div>
          <div>navigator.platform:</div>
          <div id="nav-plat"></div>
          <div>navigator.appVersion:</div>
          <div id="nav-app"></div>
        </div>
      </div>

      <div id="platform-instructions-default" class="instructions">
        <div>
          <p>
            To install wasm-pack, if you are running a *nix system (Unix, Linux, MacOS),<br/>
            run the following in your terminal, then follow the onscreen
            instructions.
          </p>
          <code>curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh</code>
        </div>
        <hr/>
        <div>
          <p>
            If you are running Windows 64-bit,<br/>download and run
            <a class='winlink' href="https://github.com/rustwasm/wasm-pack/releases/download/$VERSION/wasm-pack-init.exe">wasm-pack-init.exe</a>
            then follow the onscreen instructions.
          </p>
        </div>
        <hr/>
        <div>
          <p>
            For all other platforms, run the following in your terminal:
          </p>
          <code>cargo install wasm-pack</code>
        </div>
        <hr/>
        <div>
          <p>
          Install using <b>npm</b> or <b>yarn</b>:
          </p>
          <code>
            npm install -g wasm-pack
          </code>
          or
          <code>
            yarn global add wasm-pack
          </code>
        </div>
      </div>
    </div>
  </section>
  <script type="text/javascript" src="wasm-pack.js"></script>
</body>
